import SiderLeft from "@/container/system/SiderLeft" // 左侧菜单
import { history } from "umi"
import { Layout } from "antd"
const { Content } = Layout

import "@/pages/system/index.less"

export default function SystemLayout(props: any) {
  return (
    <Layout className="systemLayout">
      {/* 下半部 */}
      <Layout>
        {/* 左侧菜单 */}
        <SiderLeft data={props} />

        {/* 中间内容区域 */}
        <Layout>
          {/* 右侧内容 */}
          <Content className="systemLayout-Content">
            <div className="systemLayout-Props"> {props.children} </div>
          </Content>
        </Layout>
      </Layout>
    </Layout>
  )
}
